@import "~@/assets/fonts/home/font.styl";
@import "~@/assets/fonts/custom/font.styl";

@media (max-width: 768px) {
  //修改时间选择器的样式
  .el-time-range-picker.el-picker-panel.el-popper {
    max-width 90vw
    transform: translateX(-50%) !important;
    left: 50% !important;
  }
  //修改日期选择器的样式
  .el-picker-panel.el-date-picker.el-popper {
    max-width 90vw
    transform: translateX(-50%) !important;
    left: 50% !important;
  }
  .el-date-picker .el-picker-panel__content {
     width: 100%; margin: 0;
  }
  //省市区三级联动样式调整
  .el-cascader__dropdown {
    left: 50% !important;
    //保持下拉框的宽度
    width: 100vw;
    transform: translateX(-50%)!important;
  }
  //省市区三级联动样式调整-flex容器宽度
  .el-cascader-panel {
    width: 100vw;
  }
  //省市区三级联动样式调整-子元素并列
  .el-cascader-menu {
    min-width: 0 !important;
    flex: 1 !important;
  }

}

//修改日期选择器的样式-解决日期选择器的宽度问题
//中等大小
.el-range-editor--medium.el-input__inner {
  width: 100%;
}
//小号
.el-range-editor--small.el-input__inner {
  width: 100%;
}
//超小号
.el-range-editor--mini.el-input__inner {
  width: 100%;
}


.el-time-range-picker{
  //transform: translateX(-90px);
}


flex-center()
  display flex
  align-items center
  justify-content center

html,body{
  box-sizing border-box
}